import { View, Image, Text } from "@tarojs/components";
import defaultAvatar from '@/assets/images/avatar.png';
import qrcodeBg from '@/assets/images/qrcode-bg.png';
import scanBg from '@/assets/images/scan-bg.png';

import './promotion.scss'
const Promotion: React.FC = () => {
    return <>
        <View className="w-full min-h-100vh bg-#37393D box-border pt-76px pl-50px pr-46px promotion">
            <View className="w-654px box-border h-654px rounded-16px promotion-card border-2px border-solid border-#979797 pl-64px pr-52px pb-36px pt-116px">
                <View className="flex items-center">
                    <Image src={defaultAvatar} className="w-134px h-134px" ></Image>
                    <Text className="ml-24px flex-1 line-clamp-1 text-#333333 text-44px font-bold">曲筱筱</Text>
                </View>
                <View className="flex items-center justify-between mt-174px">
                    <View className="pt-20px box-border">
                        <Image src={scanBg} className="w-248px h-174px" ></Image>

                    </View>
                    <View className="pb-16px box-border">
                        <Image src={qrcodeBg} className="w-186px h-178px" ></Image>
                    </View>

                </View>

            </View>
            <View className="bg-#8D45EA mt-70px w-654px h-108px rounded-16px flex items-center justify-center text-#fff text-32px font-medium mx-auto">保存海报</View>
            <View className="bg-#fff mt-30px w-654px h-108px rounded-16px flex items-center justify-center text-#333333 text-32px font-medium mx-auto">保存高清二维码</View>
            <View className="bg-#fff mt-30px w-654px h-108px rounded-16px flex items-center justify-center text-#333333 text-32px font-medium mx-auto">复制主页链接</View>

        </View>
    </>
}
export default Promotion;